<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>个人中心</title>
	<!-- 页面位置-->
	<link rel="stylesheet" href="static/css/bootstrap.min.css">
	<!-- 首页分页图标以及箭头 -->
	<link rel="stylesheet" href="static/css/boxicons.min.css">
	<!-- 小图标 -->
	<link rel="stylesheet" href="static/css/remixicon.css">
	<!-- 页面css 动画效果-->
	<link rel="stylesheet" href="static/css/owl.carousel.min.css">
	<!-- 页面头部 -->
	<link rel="stylesheet" href="static/css/style.css">
	<!-- 导航条 -->
	<link rel="stylesheet" href="static/css/dark-theme.css">
	<link rel="stylesheet" href="./static/css/add.css">

	<link href="static/css/Me.css" rel="stylesheet" />
</head>

<body>
	<!-- 导航条开始 -->
	<header class="header-wrap">
		<div class="header-top">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-xl-7 col-lg-6 col-lg-6">
						<div class="header-top-left">
							<ul class="contact-info list-style">
								<li>
									<i class="bx bx-phone-call"></i>
									<a href="tel:+12345678999">+12 345 678 999</a>
								</li>
								<li>
									<i class="bx bx-envelope"></i>
									<a href="mailto:hello@example.com">hello@example.com</a>
								</li>
								<li>
									<i class="bx bx-location-plus"></i>
									<p>123 Western Road Melbourne, UK.</p>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xl-5 col-lg-6 col-lg-6">
						<div class="header-top-right">
							<ul class="social-profile list-style style1">
								<li>
									<a href="#">
										<i class="ri-facebook-fill"></i>
									</a>
								</li>
								<li>
									<a href="#">
										<i class="ri-twitter-fill"></i>
									</a>
								</li>
								<li>
									<a href="#">
										<i class="ri-instagram-line"></i>
									</a>
								</li>
								<li>
									<a href="#">
										<i class="ri-linkedin-fill"></i>
									</a>
								</li>
							</ul>
							<div class="select-lang">
								<i class="ri-earth-fill"></i>
								<div class="navbar-option-item navbar-language dropdown language-option">
									<button class="dropdown-toggle" type="button" data-bs-toggle="dropdown"
										aria-haspopup="true" aria-expanded="false">
										<span class="lang-name"></span>
									</button>
									<div class="dropdown-menu language-dropdown-menu">
										<a class="dropdown-item" href="#">
											<img src="static/picture/us.jpg" alt="flag">
											Eng
										</a>
										<a class="dropdown-item" href="#">
											<img src="static/picture/germany.jpg" alt="flag">
											Ger
										</a>
										<a class="dropdown-item" href="#">
											<img src="static/picture/france.jpg" alt="flag">
											Fra
										</a>
										<a class="dropdown-item" href="#">
											<img src="static/picture/spain.jpg" alt="flag">
											Spa
										</a>
										<a class="dropdown-item" href="#">
											<img src="static/picture/russia.jpg" alt="flag">
											Rus
										</a>
										<a class="dropdown-item" href="#">
											<img src="static/picture/italy.jpg" alt="flag">
											Ita
										</a>
									</div>
								</div>
							</div>
							<div class="user-account">
								<i class="ri-account-box-line"></i>
								<a href="login.html">登录</a>/
								<a href="signup.html">注册</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="header-bottom">
			<div class="container">
				<nav class="navbar navbar-expand-md navbar-light">
					<a class="navbar-brand" href="#">
						<img class="logo-light" src="./static/image/combined_logo.jpg" id="logo" alt="logo">
					</a>
					<div class="collapse navbar-collapse main-menu-wrap" id="navbarSupportedContent">
						<div class="menu-close d-lg-none">
							<a href="javascript:void(0)"> <i class="ri-close-line"></i></a>
						</div>
						<ul class="navbar-nav ms-auto">
							<li class="nav-item">
								<a href="index.html" class="nav-link">
									首页
									<i class="ri-add-line"></i>
								</a>
							</li>
							<li class="nav-item">
								<a href="list.html" class="nav-link">
									酒店
								</a>
							</li>
							<li class="nav-item">
								<a href="#" class="nav-link">
									攻略
									<i class="ri-add-line"></i>
								</a>

							</li>
							<li class="nav-item">
								<a href="#section1" class="nav-link">
									城市推荐
									<i class="ri-add-line"></i>
								</a>
							</li>

							<li class="nav-item">
								<a href="savecenter.html" class="nav-link">
									加盟中心
									<i class="ri-add-line"></i>
								</a>
							</li>
							<li class="nav-item">
								<a href="#" class="nav-link active">
									个人中心
								</a>
							</li>
							<li class="nav-item d-lg-none">
								<a href="#" class="nav-link btn style1">搜索</a>
							</li>
						</ul>
						<div class="other-options md-none">
							<div class="option-item">
								<button class="searchbtn d-xl-none"><i class="ri-search-line"></i></button>
								<div class="searchbox lg-none">
									<form action="#" method="post">
										<input type="search" placeholder="请输入...">
										<a href="#"><i class="bx bx-search"></i></a>
									</form>
								</div>
							</div>
							<div class="option-item">
								<a href="#" class="btn style1">搜索</a>
							</div>
						</div>
					</div>
				</nav>
				<div class="search-area">
					<form action="#" method="post">
						<input type="search" placeholder="请输入">
						<a href="#"><i class="ri-search-line"></i></a>
					</form>
				</div>
				<div class="mobile-bar-wrap">
					<button class="searchbtn d-lg-none"><i class="ri-search-line"></i></button>
					<div class="mobile-menu d-lg-none">
						<a href="javascript:void(0)"><i class="ri-menu-line"></i></a>
					</div>
				</div>
			</div>
		</div>
	</header>
	<!-- 导航条结束 -->
	<div class="main page-wrapper">
		<!-- 开始模块部分 -->
		<section class="banner-slider owl-carousel">
			<div class="container" id="container">
				<div class="row justify-content-center">
					<!-- 左边菜单栏 -->
					<div class="col-lg-2 list">
						<ul class="list-group">
							<li class="list-group-item list-me list-click-css">
								<h4>我的避风港</h4>
							</li>
							<li class="list-group-item list-order">我的订单</li>
							<li class="list-group-item my">
								<span>个人中心</span>
							</li>
							<li class="list-group-item list-me-mymessage">
								<ul class="list-group">
									<li class="list-mymessage">我的信息</li>
									<li class="list-mycomment">我的点评</li>
									<li class="list-password">安全中心</li>
								</ul>
							</li>
						</ul>
					</div>
					<!-- 我的避风港 -->
					<div class="col-lg-10 myhaven">
						<!-- 用户 -->
						<div class="row myhaven-user">
							<!-- 用户信息 -->
							<div class="col-lg-5">
								<div class="row">
									<div class="col-lg-3">
										<img src="static/image/me/men.png" alt="...">
									</div>
									<div class="col-lg-9">
										<div class="row user-item">
											<div class="col-lg-6">
												<a href="#">
													<h4></h4>
												</a>
											</div>
											<div class="col-lg-3 usertype">
												<a href="#" class="user">普通会员</a>
											</div>
										</div>
										<div class="row user-item">
											<div class="col-lg-4 user">账户实名</div>
											<div class="col-lg-3">
												<a href="#" class="user">去实名</a>
											</div>
										</div>
										<div class="row user-item">
											<div class="col-lg-4 user">
												<span>账户安全</span>
											</div>
											<div class="col-lg-4">
												<div class="progress">
													<div class="progress-bar progress-bar-success" role="progressbar"
														aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"
														style="width: 40%">
														<span class="sr-only">40% Complete (success)</span>
													</div>
												</div>
											</div>
											<div class="col-lg-4 upsafe">
												<a href="#" class="user"><span>提升安全度</span></a>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 用户订单 -->
							<div class="col-lg-5 user-order">
								<div class="row">
									<div class="col-lg-3 order">
										<a href="#" class="order-img">
											<img src="./static/image/me/dingdan.png" alt="..." class="img-circle">
										</a>
										<a href="#" class="order-all order-text">
											<p>全部订单</p>
										</a>
									</div>
									<div class="col-lg-3 order">
										<a href="#" class="order-img">
											<img src="./static/image/me/pay.png" alt="..." class="img-circle">
										</a>
										<a href="#" class="order-pay order-text">
											<p class="waitPay">待支付<span>0</span></p>
										</a>
									</div>
									<div class="col-lg-3 order">
										<a href="#" class="order-img">
											<img src="./static/image/me/chuxing.png" alt="..." class="img-circle">
										</a>
										<a href="#" class="order-go order-text">
											<p>待出行<span>0</span></p>
										</a>
									</div>
									<div class="col-lg-3 order">
										<a href="#" class="order-img">
											<img src="./static/image/me/dianpin.png" alt="..." class="img-circle">
										</a>
										<a href="#" class="order-comment order-text">
											<p>待评价<span>0</span></p>
										</a>
									</div>
								</div>
							</div>
							<!-- 用户优惠 -->
							<div class="col-lg-2 other">
								<ul>
									<li>我的里程:<a href="#">0</a></li>
									<li>我的红包:<a href="#">0</a></li>
									<li>点评奖金:<a href="#">0</a></li>
									<li>立返奖金:<a href="#">0</a></li>
								</ul>
							</div>
						</div>
						<!-- 全部订单 -->
						<div class="row myhaven-order-title">
							<div class="col-lg-2">
								<h4>
									我的订单
								</h4>
							</div>
							<div class="col-lg-6"></div>
							<div class="col-lg-1">
								<a href="#">查看全部订单</a>
							</div>
						</div>
					</div>
					<!-- 我的订单 -->
					<div class="col-lg-10 myorder">
						<div class="row order-top">
							<div class="col-lg-8">
								<ul>
									<li class="nav-click-css allBill">全部订单</li>
									<li class="waitPay">待支付<span>0</span></li>
									<li class="waitGo">待出行<span>0</span></li>
									<li class="waitComment">待评价<span>0</span></li>
								</ul>
							</div>
						</div>
					</div>
					<!-- 我的信息 -->
					<div class="col-lg-10 mymessage">
						<div class="row">
							<div class="col-lg-6">
								<h3>个人资料</h3>
							</div>
						</div>
						<div class="row user-message">
							<!-- <div class="col-lg-1"></div> -->
							<div class="col-lg-1">
								<img src="./static/image/me/men.png" alt="..." class="img-circle" id="uploadImg">

							</div>
							<div class="col-lg-4">
								<p><span>尊敬的会员</span></p>
								<div class="row">
									<div class="col-lg-3">资料完整度</div>
									<div class="col-lg-5">
										<div class="progress">
											<div class="progress-bar progress-bar-success progress-bar-striped"
												role="progressbar" aria-valuenow="40" aria-valuemin="0"
												aria-valuemax="100" style="width: 40%">
												<span class="sr-only">40% Complete (success)</span>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-lg-1"></div>
							<div class="col-lg-5">
								<form class="form-horizontal">
									<div class="form-group">
										<label for="inputName" class="col-lg-2 control-label">昵称</label>
										<div class="col-lg-7">
											<input type="text" class="form-control inputName" placeholder="尊敬的会员">
											<input type="hidden" name="hotelImg" id="hotelImg">

										</div>
									</div>
									<div class="form-group">
										<label for="name" class="col-lg-2 control-label">真实姓名</label>
										<div class="col-lg-7">
											<input type="text" class="form-control name" placeholder="">
										</div>
									</div>
									<div class="form-group">
										<label for="phone" class="col-lg-2 control-label">电话号码</label>
										<div class="col-lg-7">
											<input type="text" class="form-control phone" placeholder="12345678910">
										</div>
									</div>

									<div class="form-group">
										<label class="col-lg-2 control-label">性别</label>
										<div class="col-lg-7">
											<label class="radio-inline">
												<input type="radio" class="inlineRadioOptions inlineRadio1" value="0">
												男
											</label>
											<label class="radio-inline">
												<input type="radio" class="inlineRadioOptions inlineRadio2" value="1">
												女
											</label>
										</div>
									</div>
									<div class="form-group">
										<label for="brithday" class="col-lg-2 control-label">出生日期</label>
										<div class="col-lg-7">
											<input type="date" class="form-control brithday" placeholder="">
										</div>
									</div>
									<div class="form-group">
										<label for="desc" class="col-lg-2 control-label">简介</label>
										<div class="col-lg-7">
											<textarea class="desc" id="desc" cols="30" rows="10"></textarea>
											<!-- <input type="text" class="form-control desc" id="desc"
													placeholder="这个人很懒,什么都没写~~~"> -->
										</div>
									</div>
									<div class="form-group save">
										<div class="col-lg-10">
											<button type="submit" class="btn btn-default">保存</button>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
					<!-- 我的点评 -->
					<div class="col-lg-10 mycomment">
						<div class="row">
							<div class="col-lg-6">
								<h3>我的点评</h3>
							</div>
						</div>
						<div class="row">
							<div class="col-lg-12 comment">
								<ul>
									<!-- <li>
										<div class="row">
											<div class="col-lg-1 order-photo">
												<img src="./static/image/me/lvyou.jpg" alt="...">
											</div>
											<div class="col-lg-8 order-message">
												<div class="row goods-type">
													<div class="col-lg-12">
														<span>天津市滨海新区天滨公寓</span>
													</div>
												</div>
												<div class="row goods-desc">
													<div class="col-lg-12">
														<span>非常好</span>
													</div>
												</div>
												<div class="row order-time">
													<div class="col-lg-12">
														<span>出行时间：</span>
														<span>2024-11-07 19:30:54</span>
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-xs-12 col-lg-6 col-lg-12 comment-content">
												<p class="navbar-text">Signed in as Mark Otto</p>
											</div>
										</div>
									</li> -->
								</ul>
							</div>
						</div>
					</div>
					<!-- 安全中心 -->
					<div class="col-lg-10 mysafe">
						<div class="row">
							<div class="col-xs-12 col-lg-10 col-lg-6">
								<h3>修改密码</h3>
							</div>
						</div>
						<div class="row passwordChange">
							<div class="col-lg-1"></div>
							<div class="col-lg-5">
								<form class="form-horizontal">
									<div class="form-group">
										<label for="oldPassword" class="col-lg-2 control-label">当前密码</label>
										<div class="col-lg-7">
											<input type="password" class="form-control" id="oldPassword"
												placeholder="请输入原密码">
										</div>
									</div>
									<div class="form-group">
										<label for="newPassword" class="col-lg-2 control-label">新密码</label>
										<div class="col-lg-7">
											<input type="password" class="form-control" id="newPassword"
												placeholder="请输入新密码">
										</div>
									</div>
									<div class="form-group">
										<label for="surePassword" class="col-lg-2 control-label">确认密码</label>
										<div class="col-lg-7">
											<input type="password" class="form-control" id="surePassword"
												placeholder="请再次输入新密码">
										</div>
									</div>
									<div class="form-group save">
										<div class="col-lg-10">
											<button type="submit" class="btn btn-default">确认修改</button>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
		</section>
	</div>

	<!-- 页面尾部开始 -->
	<footer class="footer-wrap">
		<div class="footer-top">
			<div class="container">
				<div class="row ptb-60">
					<div class="col-xl-4 col-lg-4 col-lg-6 col-lg-6 pe-xl-5">
						<div class="footer-widget">
							<a href="#" class="footer-logo">
								<img src="static/picture/logo-dark.png" alt="Image">
							</a>
							<p class="comp-desc">
								让旅行净化心灵
							</p>
							<div class="newsletter-form contact-form">
								<form class="subscribe__form" action="mail.php" method="post">

									<div class="col-12">
										<div class="msg_submit text-center alert alert-success successform subscribe__msg"
											role="alert">
											Your subscribe was sent successfully.
										</div>
									</div>


								</form>
							</div>
						</div>
					</div>
					<div class="col-xl-3 col-lg-3 col-lg-6 col-lg-6 ps-xl-5 ps-lg-4 ps-md-5">
						<div class="footer-widget">
							<h3 class="footer-widget-title">关于我们</h3>
							<ul class="footer-menu list-style">
								<li>
									<a>
										网页简介
									</a>
								</li>
								<li>
									<a>
										可信网站
									</a>
								</li>
								<li>
									<a>
										网站地图
									</a>
								</li>
								<li>
									<a>
										业务资质
									</a>
								</li>
								<li>
									<a>
										意见反馈
									</a>
								</li>
								<li>
									<a>
										用户协议
									</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xl-2 col-lg-2 col-lg-6 col-lg-6">
						<div class="footer-widget">
							<h3 class="footer-widget-title">加盟合作</h3>
							<ul class="footer-menu list-style">
								<li>
									<a href="#">
										合作加盟
									</a>
								</li>
								<li>
									<a href="#">
										商旅合作
									</a>
								</li>
								<li>
									<a href="#">
										旅游保险
									</a>
								</li>
								<li>
									<a href="#">
										网站联盟
									</a>
								</li>
								<li>
									<a href="#">
										门票合作
									</a>
								</li>
								<li>
									<a href="#">
										机票合作
									</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xl-3 col-lg-3 col-lg-6 col-lg-6 ps-md-5">
						<div class="footer-widget">
							<h3 class="footer-widget-title">联系我们</h3>
							<ul class="contact-info list-style">
								<li>
									<i class="bx bx-location-plus"></i>
									<h6>地址</h6>
									<p>天河数字产业园四号楼</p>
								</li>
								<li>
									<i class="bx bx-envelope"></i>
									<h6>邮件</h6>
									<a href="#">hello@example.com</a>
								</li>
								<li>
									<i class="bx bx-phone-call"></i>
									<h6>热线</h6>
									<a href="tel:+12345678999">+12 345 678 999</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer-bottom">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-lg-8 col-lg-6 col-lg-7">
						<p class="copyright-text">Copyright &copy; 2024.Company name All rights reserved.
						</p>
					</div>
					<div class="col-lg-4 col-lg-6 col-lg-5">
						<ul class="social-profile style1 list-style">
							<li>
								<a href="#">
									<i class="ri-facebook-fill"></i>
								</a>
							</li>
							<li>
								<a href="#">
									<i class="ri-twitter-fill"></i>
								</a>
							</li>
							<li>
								<a href="#">
									<i class="ri-instagram-line"></i>
								</a>
							</li>
							<li>
								<a href="#">
									<i class="ri-linkedin-fill"></i>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</footer>

	<!-- Link of JS Files -->
	<script src="static/js/jquery-1.8.2.min.js"></script>
	<script src="static/js/bootstrap.bundle.min.js"></script>
	<script src="static/js/aos.js"></script>
	<script src="static/js/owl.carousel.min.js"></script>
	<script src="static/js/owl-thumb.min.js"></script>
	<script src="static/js/odometer.js"></script>
	<script src="static/js/fancybox.js"></script>
	<script src="static/js/magnific-popup.min.js"></script>
	<script src="static/js/slick.min.js"></script>
	<script src="static/js/jquery.appear.js"></script>
	<script src="static/js/main.js"></script>

	<script src="static/js/me.js"></script>
	<script src="static/js/ycy/selfInfo.js"></script>
	<script src="static/js/lyq/comment.js"></script>
	<script src="static/js/ycy/password.js"></script>
	<!-- <script src="static/js/ycy/assess.js"></script> -->

</body>

</html>